@charset "utf-8";
$fontSize:100;
@function r($p){
    @return $p/$fontSize*1rem;
}
html{
    font-size: $fontSize*1px;
}
body{
    font-size: 13px;
} 
 
//换中部背景图片部分
.H_btm_R{
    width:100%;
    height: r(322);
    background: url(../img/02.png);
    background-size: 100%;
    position: relative;
    //透明黑色部分
    .H_btm_R_black{
        width: 100%;
        height: r(60);
        padding: 0 r(29);
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        background: black;
        opacity: .6;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 10px;
        //标题
        >div{}
        //图标功能区
        >ul{
            display: flex;
            justify-content: flex-end;
            align-items: center;}
    }
}



/*中部*/
.middle{
    background: white;
    //加载更多
    .loadmore{
        color: #bbbbbb;
        text-align: center;
        padding: r(18) 0;}
}

//增加一个包裹大盒子 方便后续客户改动
.middle_btm_p{padding-top: r(0);}
.middle_sbox_p{
    width: r(583);
    margin: 0 auto;
    padding: r(30) 0 r(35);
    border-bottom: 1px solid #cecece;
    display: flex;
    justify-content: space-between;
    //左边图片
    .middle_sbox_pl{
        width: r(210);
        >img{width: 100%;}
    }
    //右边盒子
    .middle_sbox_pr{
        width: r(358);
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        >p:nth-of-type(2){color: #c5c5c5;
            font-size: 12px;}
        >ul{width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            color: #939393;}
    }
    
}

